<template>
  <div class="order">
    <div class="headerhh">
      <div @click="goBack"
           style="float: left">
        <a-icon type="left"
                class="icon" />
        <a class="h3">详情</a>
      </div>
    </div>
    <div class="bodyContent">
      <div class="infomain ql-editor">
        <div v-html="this.$route.query.id"> {{this.$route.query.id}} </div>
      </div>
    </div>
  </div>
</template>

<script>
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
export default {
  name: 'headerhh',
  data () {
    return {
      cur: 0
    }
  },
  mounted () {
    console.log(this.$route.query.id)
    console.log(this.$route.query.dpId)
  },
  methods: {
    goBack () {
      this.$router.push({ path: '/healthInfo', query: { cur: 0, dpId: this.$route.query.dpId } })
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '../../../static/css/color.styl'
.order
  position relative
  background-color $color-grayc
  height 100%
  overflow hidden
.headerhh
  height 0.98rem
  background-color $color-main
  text-align justify
  line-height 0.98rem
  padding-left 0.3rem
  color $color-white
  margin-bottom 0.3rem
  .icon
    font-size 0.36rem
    color $color-white
    vertical-align -0.07rem
  .h3
    display inline-block
    font-size 0.36rem
    color $color-white
.anticon
  font-size 0.26rem
  vertical-align -0.23em
.infomain
  position relative
  height 9.2rem
  box-shadow 3px 3.464px 12px 0px rgba(127, 135, 143, 0.2)
  padding 0.5rem 0.3rem 0
  overflow-y auto
  zoom 0.9
.container
  background-color #efefef
  min-height 100%
</style>
